/**
 * Created by user25 on 2017/12/15.
 */
$(".nav>.navLeft").click(function(){
    $(".lineBg").css({"display":"block"});
    $(".contentBg").css({"display":"none"});
})
$(".nav>.navRight").click(function(){
    $(".lineBg").css({"display":"none"});
    $(".contentBg").css({"display":"block"});
})
$(function(){
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'axis'
        },
        grid: {
            left: '1%',
            right: '15%',
            bottom: '5%',
            top: '20%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            name: '时间',
            boundaryGap: false,
            boundaryGap: ['50%','50%'],
            data: ['05-01', '05-02', '05-03', '05-04', '05-05','05-06','05-07'],
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#588ad6'
                }
            },
            axisLine:{
                lineStyle:{
                    color:'#a4d0ff',
                }
            }
        },
        yAxis: {
            type: 'value',
            data: ['20', '30', '50', '100', '200'],
            name:"收益",
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#86b9ff'
                }
            },
            axisLine:{
                lineStyle:{
                    color:'#a4d0ff',
                }
            }
        },
        series: [{
            name: '收益',
            type: 'line',
            symbol: 'circle',
            stack: '总量',
            data: [25, 31, 80, 40, 90, 150,99],
            color: '#6eaaee',
            itemStyle:{
                normal:{
                    lineStyle:{
                        color: '#6eaaee'
                    }
                }
            }
        },

        ]
    };
// 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
})
